<!-- 主题设置模板 -->

<script type="text/html" template lay-done="layui.data.theme();">
  {{# 
    var local = layui.data(layui.setter.tableName)
    ,theme = local.theme || {}
    ,themeUrl = '/public/res/skin'
    ,themeList = [{
      main: '#333'
      ,selected:'#009688'
      ,alias:'default'
    }
    ,{
      main: '#333'
      ,logo: '#3A3D49'
      ,selected: '#009688'
      ,alias: 'hezhou'
      , logoHtml: `
          <span class="zkuasgm-icon logoico"><img src="${themeUrl}/hezhou/images/logo.png"></span>
          <h1>中凯社会网格化大平台平台</h1>
          <p>Urban And Social Grid Integrated Operation Management Platform</p>
        `
    }
    , {
      main: '#344058'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'jijian'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/jijian/images/logo.png"></span>
        <h1>一体化系统•中山市电子纪检监察综合平台</h1>
        <p>Urban And Social Grid Integrated Operation Management Platform</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'dali'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/dali/images/logo.png"></span>
        <h1>平安大沥-信用协同管理云平台</h1>
        <p>Urban And Social Grid Integrated Operation Management Platform</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'qixing'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/qixing/images/logo.png"></span>
        <h1>桂林七星区数字城管综合业务系统</h1>
        <p>Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'lingui'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/lingui/images/logo.png"></span>
        <h1>临桂新区项目管理系统</h1>
        <p>Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'huoju'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/huoju/images/logo.png"></span>
        <h1>火炬开发区网格化社会综合管理服务平台</h1>
        <p>Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#5495ca'
      , alias: 'gdgov'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/gdgov/images/logo.png"></span>
        <h1>广东省人民政务社会综合管理服务平台</h1>
        <p>Guang Dong Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#5495ca'
      , alias: 'fire'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/fire/images/logo.png"></span>
        <h1>小榄镇指挥消防综合管理平台</h1>
        <p>Xiao Lan Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#5495ca'
      , alias: 'xiaolan'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/xiaolan/images/logo.png"></span>
        <h1>小榄镇政府综合管理平台</h1>
        <p>Xiao Lan Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#5495ca'
      , alias: 'shaxi'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/shaxi/images/logo.png"></span>
        <h1>沙溪镇政府综合管理平台</h1>
        <p>Sha Xi Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'qixing1'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/qixing/images/logo.png"></span>
        <h1>1七星区城市与社会网格化综合管理平台</h1>
        <p>Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'qixing2'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/qixing/images/logo.png"></span>
        <h1>七星区数字化城市管理系统</h1>
        <p>Digital Urban Management Information System</p>
      `
    },{
      main: '#111111'
      , logo: '#0085E8'
      , selected: '#1E9FFF'
      , header: '#1E9FFF'
      , alias: 'qixing3'
      , logoHtml: `
        <span class="zkuasgm-icon logoico"><img src="${themeUrl}/qixing/images/logo.png"></span>
        <h1>七星区环卫管理系统</h1>
        <p>Digital Urban Management Information System</p>
      `
    }
    ]
    ,themeColorIndex =  parseInt((theme && theme.color) ? theme.color.index : 0) || 0;
  }}

  <div class="layui-card-header">
    配色方案1
  </div>
  <div class="layui-card-body layadmin-setTheme">
    <ul class="layadmin-setTheme-color">
      {{# layui.each(themeList, function(index, item){ }}
        <li layadmin-event="setTheme" data-index="{{ index }}" data-alias="{{ item.alias }}" 
        {{ index === themeColorIndex ? 'class="layui-this"' : '' }} title="{{ item.alias }}">
          <div class="layadmin-setTheme-header"></div>
          <div class="layadmin-setTheme-side" style="background-color: {{ item.main }};">
            <div class="layadmin-setTheme-logo" style="background-color: {{ item.logo }};"></div>
          </div>
        </li>
      {{# }); }}
    </ul>
  </div>
</script>

<script>
  layui.data.theme = function () {
    layui.use('form', function () {
      var form = layui.form
        , admin = layui.admin;

      //监听隐藏开关
      form.on('switch(system-theme-sideicon)', function () {
        admin.theme({
          hideSideIcon: this.checked
        })
      });
    });
  };
</script>


<section class="layer">
  <div id="business_layer" style="display: none;" class="bd-content customBox">
    <div class="layui-row layui-col-space10">
      <div class="layui-col-xs12">
        <ul class="tabList"></ul>
      </div>
      <div class="layui-row layui-col-space10">
      <div class="layui-col-xs6 pd10 flex overflow">
        <div class="tree_box">
          <div class="layui-row">
            <div class="layui-col-xs12"><input id="attr-searchFZ" class="layui-input" placeholder="搜索内容..."
                autocomplete="off" size="30"></div>
          </div>
          <div class="swiper-container swiper2 lf-flow" name="business_swiper2">
            <div class="swiper-wrapper">
              <div class="swiper-slide swiper-no-swiping">
                <!--<div style="width: 100%;height: 100%;">上面导航栏可以滑动</div>-->
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layui-col-xs6 pd10 hline flex overflow">
        <div class="oncase_box rt-flow"></div>
      </div>
    </div>
  </div>
  </div>
</section>


<div id="grid_layer" style="" class="bd-content grid_layer customBox layui-layer-wrap">
  <div class="layui-row layui-col-space10">
    <div class="layui-col-xs6 pd10 flex overflow">
      <div class="layui-col-xs12 ipBox"><input class="layui-input" id="grid-searchFZ" placeholder="检索网格"
          autocomplete="off" size="30"></div>
      <div class="item overflow">
        <ul id="grid-tree" class="ztree"></ul>
      </div>
    </div>
    <div class="layui-col-xs6 pd10 hline flex overflow">
      <div class="oncase_box tagList item overflow">
        <li class="choosed-item" data-gridid="7BA8B50829BB63FBE050A8C0110106FA"><span
            class="layui-badge layui-badge-rim" title="综合大网格">综合大网格</span><a class="layui-badge item-del"
            href="javascript:;"><i class="zkuasgm-icon" title="删除"></i></a></li>
      </div>
    </div>
  </div>
</div>